<template>
    <div ref="mychart" style="width: 450px; height: 350px;">
    </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import * as echarts from 'echarts'
import bar from '../assets/data/bar';


import chalk from '@/theme.json'



const mychart = ref(null)
onMounted(() => {
    echarts.registerTheme('chalk', chalk.theme)
    let mycharts = echarts.init(mychart.value)
    mycharts.setOption(bar)
})

</script>

<style lang="less" scoped>
</style>